<!--
 * @Author: Shber
 * @Date: 2024-07-01 15:49:30
 * @LastEditors: Shber
 * @LastEditTime: 2024-07-03 16:32:18
 * @Description: 
-->
<template>
<view class="content">
  <view class="">
			<tm-cell :margin="[0, 0]" :round="2" :titleFontSize="30" title="爱上龙虾北京顺义大仓"> </tm-cell>
	</view>
  <view class="tab_group">
    <text :class="{'tab':true, 'active': true}">配送</text>
    <text :class="{'tab':true, 'active': false}">快递</text>
  </view>
  <view class="box">
    <view class="title">已绑定快递</view>
    <view class="box_row mt_10">
      <view class="row_item mr_5">
        <image class="item_pic" mode="aspectFill" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"></image>
        <text class="p mt_5">达达</text>
      </view>
      <view class="row_item ml_5">
        <image class="item_pic" mode="aspectFill" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"></image>
        <text class="p mt_5">自配送</text>
      </view>
    </view>

    <view class="title mt_20">其他未绑定配送</view>
    <view class="box_row mt_10">
      <view class="row_item mr_5">
        <image class="item_pic" mode="aspectFill" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"></image>
        <text class="p mt_5">达达</text>
      </view>
      <view class="row_item ml_5">
        <image class="item_pic" mode="aspectFill" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"></image>
        <text class="p mt_5">自配送</text>
      </view>
    </view>
  </view>
</view>

</template>
<script setup>

</script>
<style lang="scss" scoped>
.content{padding: 10px}
.tab_group{display:flex; background-color: #fff; margin-top: 10px; padding-top: 15px; margin-bottom: 3px;
.tab{font-size: 13px; margin: 0 20px; color: #333; padding-bottom: 10px; border-bottom: 2px solid transparent;}
.active{color: #2DAED6; border-bottom: 2px solid #2DAED6;}
}
.box{
  padding: 10px; background-color: #fff; border-radius: 4px;
.title{color: #666; font-size: 14px;}

.box_row{display: flex;}
.row_item{flex: 1; border-radius: 4px; background-color: #F4F4F4; height: 98px; display: flex; flex-direction: column; align-items: center; justify-content: center;
.p{font-size: 12px;}
}
.item_pic{width: 58px; height: 43px;}
}
</style>